<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title>$SITE_NAME$</title>

  <script type="text/javascript" src="/js/mootools.js"></script>
  <script type="text/javascript" src="/js/caption.js"></script>
  
  <link href="/css/s5_accordion_menu.css" rel="stylesheet" type="text/css" media="screen" />
  <script language="javascript" type="text/javascript" src="/js/mootools.js"></script>
  <script language="javascript" type="text/javascript" src="/js/class.noobSlide.packed.js"></script>

<link href="/css/template.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">//<![CDATA[
document.write('<link href="/css/editor.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
<link href="/css/suckerfish.css" rel="stylesheet" type="text/css" media="screen" />


<script type="text/javascript" src="/js/jquery13.js"></script>
<script type="text/javascript" src="/js/jquery.no.conflict.js"></script>
<script type="text/javascript">
function s5_jqmainmenu(){
jQuery(" #navlist ul ").css({display: "none"}); // Opera Fix
jQuery(" #s5_navv li").hover(function(){
		jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
		},function(){jQuery(this).find('ul:first').css({visibility: "hidden"});	});}
  jQuery(document).ready(function(){ s5_jqmainmenu();});
</script>

<script language="javascript" type="text/javascript" >var s5_text_menu_1 = '  ';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_2 = 'Three Menu Systems';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_3 = 'See Whats Included';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_4 = 'Default Joomla';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_5 = 'Get Help Here';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_6 = 'Spice Up Your Content';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_7 = 'text7';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_8 = 'text8';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_9 = 'text9';</script>
<script language="javascript" type="text/javascript" >var s5_text_menu_10 = 'text10';</script>

<!--[if IE]>
	<style type="text/css"> 
	#s5_navv ul li.s5_menubottom, #s5_fm_ul0 ul li.s5_menubottom, #s5_navv ul li.s5_menubottom:hover, #s5_fm_ul0 ul li.s5_menubottom:hover {
	background:none;
	filter:
	progid:dximagetransform.microsoft.alphaimageloader(src='/images/Shape5_bridgeofhope_menubottom.png', sizingmethod='crop');}

	#s5_navv ul li.s5_menutop, #s5_navv ul li.s5_menutop:hover {
	background:none;
	filter:
	progid:dximagetransform.microsoft.alphaimageloader(src='/images/Shape5_bridgeofhope_menutop.png', sizingmethod='crop');}
	</style>
<![endif]-->


<style type="text/css"> 
.s5_wrap {width:965px;}
body, h5,h4,h3,h2,h1, a { color:#FFFFFF;}
#s5_menubar, #s5_getmaincolheight .s5_b_modwrap .contentheading, #s5_getmaincolheight .s5_b_modwrap a, #s5_breadcrumbs, #s5_breadcrumbs a, .s5_backmiddlemiddle, .s5_whitemodleftwrap, body div.module-h3 div div div, #s5_navv a, .s5_b_modwrap, #s5_navv li ul, #s5_navv ul li:hover ul li span span a, #s5_navv ul li.over ul li span span a, #s5_navv ul li:hover ul li a, #s5_navv ul li.over ul li a, #s5_navv ul li a.parent:hover, #s5_navv ul li ul li a.parent:hover{
color:#FFFFFF;background-color:#000000;}
#s5_accordion_menu h3.s5_am_open {background:none;}
#s5_accordion_menu h3.s5_am_toggler {background:#1E1E1E;border:none;position:static;}
ul.menu-mainmenu li a, a.mainlevel {border-bottom:1px dotted #1E1E1E;}
#s5_rightcolumn div.module-mod1 div div div, #s5_leftcolumn div.module-mod1 div div div {background:#793127;}
#s5_rightcolumn div.module-mod2 div div div, #s5_leftcolumn div.module-mod2 div div div {background:#333333;}
.s5_w_modwrap div.module-user1 div div, .s5_backmiddlemiddle div.module-user1 div div {background:#000000;}
.s5_w_modwrap div.module-user2 div div, .s5_backmiddlemiddle div.module-user2 div div{background:#141414;}
.s5_backmiddlemiddle ul li {border-bottom:1px solid #222222;}
body div h3 span.s5_h3_first, .s5_first, .contentheading, #s5_navv a span {color:#FFF098;}
#s5_getmaincolheight, #s5_getmaincolheight .contentheading, #s5_getmaincolheight a, #s5_getmaincolheight h3, #s5_getmaincolheight h2, #s5_getmaincolheight h1, #s5_getmaincolheight h4, #s5_getmaincolheight h5,#s5_footermiddle li a, #s5_footermiddle, #s5_footermiddle a {color:#;}
#s5_navv ul li.s5_menubottom, #s5_fm_ul0 ul li.s5_menubottom, #s5_navv ul li.s5_menubottom:hover, #s5_fm_ul0 ul li.s5_menubottom:hover {
	background: url(/images/Shape5_BridgeofHope_menubottom.png) repeat-x bottom;}
	
#s5_mainbody {margin-right:310px;}
	
	
</style>
</head>

<body style="background:#ffffff url(/images/background.jpg) repeat;">
<div style="background:transparent url() repeat-x;">
<!-- <header> -->
<div class="s5_wrap">

<div id="s5_logo" style="cursor:pointer;" onclick="window.document.location.href='$HOME_PAGE_LINK$'"></div>
 
<div id="s5_iconsearch">

<div id="s5_footicons">
<div id="s5_rss" onclick="window.document.location.href='#'"></div>
<div id="s5_twitter" onclick="window.document.location.href='http://twitter.com/'"></div>
<div id="s5_facebook" onclick="window.document.location.href='#'"></div>

</div>
 
<div style="clear:both;"></div>
<div id="s5_topgradsearch">
<div class="moduletable">
<form action="$HOME_PAGE_LINK$search" method="get" id="search_form" action=''>
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="35" alt="Search" class="inputbox" type="text" size="35" value="Live Search..." onblur="if(this.value=='') this.value='Live Search...';" onfocus="if(this.value=='Live Search...') this.value='';" onkeyup="s5AjaxSearch();" /><span>
<img src="/images/loading.gif" alt="" style="display:none; margin-left:10px; margin-top:6px; height:14px" id="loading_img" /></span>
</div>
<div id="s5_ls_outer_wrap" style="margin-top:5px; margin-right:0px; margin-bottom:10px; margin-left:-160px; border:solid 1px #424242; opacity:.0; display:none; width: 400px;"></div>
<div id="search_tmpdiv" style="visibility:hidden;display:none;"></div>
</form>
<script type="text/javascript">//<![CDATA[
document.write('<link href="/css/s5_ls.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>
</div>
</div>
</div><div style="display:none;"> <a href="http://freeshablons.ru/ucoz"> ucoz</a> .   <a href="http://wlna.info/alternative">  .</a> <a href="http://opolicii.ru"> </a></div>

<div style="clear:both;"></div>
 
<div class="s5_backcolor" id="s5_menubar">
<!-- Start Menu -->
<div id="s5_menu">
 
<div id="s5_topmenushadleft"></div>
<div id="s5_navv">
<ul>
<li class="active"><span class="s5_outer_active"><span><a class="active" href="$HOME_PAGE_LINK$"><span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span></li>
<li><span class="s5_outer_active"><span><a class="active" href="#"><span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span></li>
<li><span class="s5_outer_active"><span><a class="active" href="#"><span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span></li>
<li><span class="s5_outer_active"><span><a class="active" href="#"><span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span> </li>
<li><span class="s5_outer_active"><span><a class="active" href="#"><span class="s5_bottom_text"></span></a><span class="s5_outerr"></span></span></span></li>
</ul>
</div>
 
<div id="s5_topmenushadright"></div>
</div>
<!-- End Menu -->
</div>
</div>

<div style="clear:both;"></div>

<div class="s5_wrap">
 
<div id="s5_topmodshadleft"></div>
<div class="s5_toplefrig">
<div id="s5_topleft" style="width:100%;">
 
<div class="module">
<div>
<div>
<div>
 
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>

<script type="text/javascript">

function slideSwitch() {
 var $active = $('#slideshow IMG.active');

 if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
 var $next = $active.next().length ? $active.next()
 : $('#slideshow IMG:first');


 $active.addClass('last-active');

 $next.css({opacity: 0.0})
 .addClass('active')
 .animate({opacity: 1.0}, 1000, function() {
 $active.removeClass('active last-active');
 });
}

$(function() {
 setInterval( "slideSwitch()", 5000 );
});

</script>

<style type="text/css">

#slideshow {
 position:relative;
 height:350px;
}

#slideshow IMG {
 position:absolute;
 top:0;
 left:0;
 z-index:8;
 opacity:0.0;
}

#slideshow IMG.active {
 z-index:10;
 opacity:1.0;
}

#slideshow IMG.last-active {
 z-index:9;
}

</style>

<body style="font-family: Arial, Sans-serif, sans;">

<div id="slideshow">
 <img src="/img/topimagerotate1.jpg" alt="Slideshow Image 1" class="active" />
 <img src="/img/topimagerotate2.jpg" alt="Slideshow Image 3" />
 <img src="/img/topimagerotate3.jpg" alt="Slideshow Image 4" />
</div>
    
</div>

</div>
</div>

</div>
</div>
 
</div>
 
<div id="s5_topmodshadright"></div>
</div>
</div>
<!-- End Top Module -->

<div style="clear:both;"></div>

<div class="s5_wrap">
 
<div style="clear:both;"></div>

<!-- </header> -->

<!-- <middle> -->
<div id="s5_breadcrumbs">
<div id="s5_breadcrumbsinner">
<div class="moduletable"></div>
	
</div>
</div>
	
<div style="width:100%;margin-bottom:20px;overflow:hidden;position:relative;">
	
<div id="s5_mainbodyfullw">
<div id="s5_mainbodywrapper">
<div id="s5_mainbody">	
<div id="s5_middlecolwrap">
<div class="s5_mainmiddleinnerwrap" style="padding-bottom:3px;">

<div id="s5_getmaincolheight">
<div class="s5_mainmiddle_padding">	
																				
<div class="s5_maincomponent_wrap_1">
<div class="s5_maincomponent_wrap_2">
<div class="componentheading">
  $SITE_NAME$
</div>
</div>
</div>
<div class="blog">

[BODY]

</div>
<div style="clear:both;"></div>	
</div>
</div>
<div style="clear:both;"></div>	
</div>
</div>
</div>
</div>	

<div id="s5_rightcolumn" style="width:291px;margin-left:-291px;">
<div class="s5_whitemodleftwrap">
<div class="s5_whitemodrightwrap">
<div class="s5_backmiddlemiddle_r" style="width:277px;">
<!-- <container> -->
<!-- <block> -->
<div class="module-h3">
<div>
<div>
<div>
<h3 class="s5_mod_h3-h3"> TITLE</h3>
<div id="s5_accordion_menu">
<div>
CONTENT
</div>
</div>				
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<!-- </block> -->
<!-- </container> -->
</div>
</div>



</div>
</div>	
</div>
</div>	
<!-- </middle> -->

<!-- <footer> -->		
<div style="clear:both;"></div>
</div>	
<!-- End Main Body -->

<div style="clear:both;"></div>
<div class="s5_wrap">
<div class="s5_w_modwrap">
<div id="s5_advert4_100">
<div class="module">
<div>
<div>
<div>
<script type="text/javascript">//<![CDATA[
document.write('<link href="/css/styles.css" rel="stylesheet" type="text/css" media="screen" />');
//]]></script>

<div style="display:none">
<div id="s5_isr_box1">
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate1.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate2.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate3.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate4.jpg"></img></a>
</div>
<div id="s5_isr_box2">
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate2.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate2.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate2.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate2.jpg"></img></a>
</div>
</div>

<div id="s5_isr_outer" onmouseover="s5_isr_hover_on()" onmouseout="s5_isr_hover_off()" style="overflow:hidden; margin-bottom:0px; margin-top:0px; margin-right:0px; margin-left:-18px; padding:0px; height:180px; width:960px;">
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
<div id="s5_isr_left" onclick="s5_isr_left()" style="float:left; padding:0px; margin:0px; cursor:pointer; width:58px; height:180px;margin-top:0px; background-repeat:no-repeat; background-position:center center"></div>
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
<div id="s5_isr_middle_outer" style="opacity:.0;  overflow:hidden; float:left; padding:0px; margin-top:19px; height:180px; width:822px">
		
<div id="s5_isr_middle" style="float:left; padding:0px; margin:0px; width:10000px">
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate1.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate2.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate3.jpg"></img></a>
<a class="s5imrpadding" style="margin:0px; float:left; border:none"><img style="border:none; padding:0px; margin:0px; float:left" alt="" src="/img/imagerotate4.jpg"></img></a>
</div>
</div>
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
<div id="s5_isr_right" onclick="s5_isr_right()" style="float:left; padding:0px; margin:0px; cursor:pointer;  width:58px; height:180px; margin-top:0px; background-repeat:no-repeat; background-position:center center"></div>
<div style="padding:0px; margin:0px; float:left; height:1px; width:10px"></div>
</div>

<script type="text/javascript">
var s5_isr_displaytime = 10000;
var s5_isr_chrome;
</script>

<script language="javascript" type="text/javascript" src="/js/s5_image_set_rotator.js"></script>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>		

</div>
<div style="clear:both;"></div>
</div>

<!-- Bottom Modules -->
<div class="s5_wrap">
<div class="s5_backmiddlemiddle">
<div id="s5_botmodshadleft"></div>								
<div id="s5_user3_33">
<div class="module">
<div>
<div>
<div>
<h3 class="s5_mod_h3"><span class="s5_h3_first"> </span> </h3>
<img src="/img/aboutus.jpg" alt="About Us" />				
</div>
</div>
</div>
</div>
</div>
															
<div id="s5_user4_33">
<div class="module-user2">
<div>
<div>
<div>
<h3 class="s5_mod_h3-user2"><span class="s5_h3_first"> </span> </h3>
<ul class="menu"><li class="item42"><a href="#"><span> </span></a></li>
<li class="item43"><a href="#"><span> </span></a></li>
<li class="item44"><a href="#"><span> </span></a></li>
<li class="item45"><a href="#"><span> </span></a></li>
<li class="item46"><a href="#"><span> </span></a></li>
<li class="item162"><a href="#"><span> </span></a></li>
<li class="item163"><a href="#"><span> </span></a></li>
</ul>				
</div>
</div>
</div>
</div>
</div>
															
<div id="s5_user5_33">
<div class="module">
<div>
<div>
<div>
<h3 class="s5_mod_h3"><span class="s5_h3_first"> </span> </h3>
<img src="/img/iphone.jpg" alt="Mobile Comp." />				
</div>
</div>
</div>
</div>
</div>
<div id="s5_botmodshadright"></div>						
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
<!-- End Bottom Modules -->

<div style="clear:both;"></div>

<div class="s5_wrap">
<div id="s5_footermiddle">
<div id="s5_footerwrap">
					
<div id="s5_footermenu">
<div id="s5_footermenu">
<div class="moduletable">

<a href="sitydream.ru"><span>  Sitydream.ru</span></a>
	
</div>
<div style="clear: both;"></div>
</div>

<div style="clear:both;"></div>
</div>
</div>

<div id="s5_footcopy">
<span class="footerc">$POWERED_BY$</span> <span class="footerc"><a href="http://pro100ucoz.ru/">uCoz</a></span></div>
<div style="clear:both;"></div>
<div id="s5_logofooter">
<img src="/images/Shape5_BridgeofHope_logo.png" alt="S5 Logo" height="54" width="143">
</div>	
</div>	
</div>

<!-- </footer> -->
<div style="height:30px;clear:both;"></div>
<script type="text/javascript" src="/js/s5_textmenu.js"></script>																		
<script type="text/javascript" src="/js/s5_suckerfishs.js"></script>
<script type="text/javascript" src="/js/tooltips.js"></script>
</div>
</body>
</html>
<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%">
<tr><td style="background:#D4DFF7;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#F4F4F4;padding:5px;">[BODY]</td></tr>
</table>
<!-- </popup> -->